html,
body {
	background: -webkit-linear-gradient(top, rgb(255, 250, 228) 0%, rgb(255, 241, 180) 50%, rgb(255, 213, 60) 100%);
	height: 100%;
	overflow: hidden;
}

img {
	pointer-events: none;
}

p {
	margin: 0;
	padding: 0;
}

.main {
	position: relative;
	width: 100%;
	height: 100%;
}

.main .background {
	position: relative;
	/* left: 5%; */
	/* margin-top: 2.5rem; */
	top: 1%;
}

.content {
	position: fixed;
	width: 84%;
	height: 87%;
	top: 2%;
	margin-top: 2.5rem;
	left: 50%;
	margin-left: -42%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	overflow: scroll;
}

.content_top p {
	margin: 0;
	padding: 0;
	line-height: 1.4rem;
}

.content_top {
	width: 100%;
	/* margin-left: 5%; */
	margin-top: 5%;
}

.content_top p:nth-child(1) {
	/* font-size: 0.8rem; */
	/* text-indent:2em; */
	padding-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: bold;
}

.content_top p:nth-child(2) {
	font-size: 0.8rem;
	/* font-weight: bold; */
}

.content_top p:nth-child(3) {
	font-size: 0.7rem;
}

.content_top span {
	font-size: 0.7rem;
	border: 2px solid #000000;
	padding: 0.3rem;
	margin-top: 0.2rem;
}

.middle {
	height: 9rem;
	width: 100%;
	/* margin-left: 5%; */
	background-color: #fff;
	margin-top: 10%;
	border-radius: 0.5rem;
}

.middle_top {
	display: flex;
	padding-right: 0.5rem;
}

.aa {
	float: left;
	font-size: 0.6rem;
	line-height: 0.9rem;
	padding: 0 0.3rem;
	color: rgb(112, 112, 112);
	padding: 1rem 0;
}

.aa label {
	float: left;
	margin-right: 0.5rem;
	font-size: 0.67rem;
	color: #000;
}

.middle_top>div:nth-child(1) {
	width: 4rem;
	height: 4rem;
}

.middle_top img {
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	margin: 0.5rem;
}

.middle_bottom {
	display: flex;
	margin-left: 5%;
	justify-content: space-around;
}

.middle_bottom>div {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.middle_bottom p {
	font-size: 0.55rem;
	color: rgb(112, 112, 112);
}

.middle_bottom>div span:nth-child(2) {
	font-size: 0.8rem;
	color: rgb(56, 48, 45);
}

.middle_bottom>div span:nth-child(3) {
	font-size: 0.5rem;
	color: rgb(56, 48, 45);
}

.middle_bottom img {
	width: 5rem;
	/* height: 2.5rem; */
	/* margin-top: 1.4rem; */
}

.content_bottom {
	height: 5.6rem;
	background-color: #fff;
	border-radius: 0.5rem;
	display: flex;
	float: left;
	margin-top: 8%;
	padding: 3% 5%;
	width: 90%;
}

.content_bottom>div:nth-child(1) {
	width: 63%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.content_bottom>div:nth-child(2) {
	width: 37%;
}

.content_bottom p {
	font-size: 0.55rem;
	padding: 0 0.2rem 0 0;
	font-family: "微软雅黑"
}

.content_bottom span {
	font-size: 0.6rem;
	display: flex;
	height: 1.5rem;
	width: 90%;
	background-color: rgb(255, 143, 44);
	color: #fff;
	line-height: 1.5rem;
	/* vertical-align: middle; */
	border-radius: 1rem;
	/* text-align: center; */
	justify-content: center;
	align-items: center;
}

.content_bottom span img {
	width: 0.6rem;
	height: 0.6rem;
	/* vertical-align: middle; */
	padding-left: 0.2rem;
}

.content_bottom>div:nth-child(2) img {
	width: 100%;
}